<template>
  <div class="p-4">
    <!--    <GrowCard :loading="loading" class="enter-y" />-->
    <SiteAnalysis class="!my-4 enter-y" />
    <div class="md:flex enter-y">
      <!--      <VisitRadar class="md:w-1/3 w-full" :loading="loading" />-->
      <VisitSource class="VisitSource mar-right" />
      <SalesProductPie class="VisitSource" />
    </div>
  </div>
</template>

<script lang="ts" setup>
  // import { ref } from "vue";
  // import GrowCard from "../components/GrowCard.vue";
  import SiteAnalysis from '../components/SiteAnalysis.vue';
  import VisitSource from '../components/VisitSource.vue';
  // import VisitRadar from "../components/VisitRadar.vue";
  import SalesProductPie from '../components/SalesProductPie.vue';
</script>

<style lang="less" scoped>
  .VisitSource {
    width: calc(50% - 5px);
    display: inline-block;
  }
  .mar-right {
    margin-right: 10px;
  }
</style>
